<template>
	<div style="padding-top:50px;">
		<TopWithBack></TopWithBack>
<!--        <div class="customer_pay_list_time">7月</div> -->
    <div v-if="list == ''" style="text-align: center;margin-top: 30%">
      <div>
          <img src="./../../assets/images/nolist.png" alt="" width="30%">
      </div>
      抱歉，您还没有余额记录
    </div>
    <div class="customer_lists" v-for="(item,index) of list" v-else>
      <div class="customer_lists_l">
        <div class="mypoints_m">
          <img src="/../../assets/images/idcard_icon.png" alt="图片加载失败">
        </div>
        <div class="customer_lists_l_r">
          <p>{{item.class_name}}</p>
          <span>{{item.createtime}}</span>
        </div>
      </div>
      <div class="customer_lists_r">{{item.amount}}
        <!--   <p style="color：#999;font-size: 12px;line-height: 30px" v-show="item.status==1">交易关闭</p>
          <p style="color：#999;font-size: 12px;line-height: 30px" v-show="item.status==2">失败</p> -->
      </div>
    </div>
  </div>
</template>
<script>
import TopWithBack  from './../common/TopWithBack.vue'
import { loadRecodes } from '@/api/allapis'
export default{
  name: 'Balance',
  data:function() {
    return {
      list:[],
      param:{
        page:1,
        rows:10,
        account:'amt'
      }
    }             
  },
  methods:{
    //拉取记录列表
    loadData(){
      loadRecodes(this.param).then(response=>{
        this.list = response.data.list
      })
    },
  },
  created(){
    this.loadData()
  },
  components:{
  	TopWithBack
  }
}
</script>
<style>

</style>



